<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>多个图表展示demo1</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="public/neat.css" />
		<link rel="stylesheet" href="public/bootstrap.min.css" />
		<link rel="stylesheet" href="css/demo.css" />
	</head>
	<body>
		<div class="con">
			<div class="row-fluid" id="row1">
				<div class="span3">
					<div class="row-fluid">
						<div class="info row-fluid">
							<h4 class="h4 lightblue span6">全院收入占比</h4>
							<div class="span6 text-right">
								<h4 class="h4 mg mt14">全院总收入</h4>
								<h4 class="h4 mg mr5">3,923,630</h4>
							</div>
						</div>
						<div id="chart1" style="width:100%;"></div>
					</div>
				</div>
				<div class="span6">
					<div class="span12 text-center">
						<div id="mm" class="info" style="height:96px;">
							<h2 class="h2 lightblue mt0">2017 9月</h2>
							<div class="row-fluid">
								<div class="span6">
									<h4 class="h4 mg">门诊就诊人数</h4>
									<h4 class="h4 mg">2,800</h4>
								</div>
								<div class="span6">
									<h4 class="h4 mg">住院人数</h4>
									<h4 class="h4 mg">1,800</h4>
								</div>
							</div>
						</div>
						<!--全年各月份门诊就诊、就诊人数-->
						<div id="chart2" style="width:100%;"></div>
					</div>
				</div>
				<div class="span3">
					<div class="row-fluid area">
						<h4 class="h4 lightblue">门诊负荷</h4>
						<p class="mt1p">挂号人数:<span class="fright">28,896,560</span></p>
						<p class="mt1p">专家:<span class="fright">666,008</span></p>
						<p class="mt1p">普通:<span class="fright">2,131,668</span></p>
						<p class="mt1p">急诊人次:<span class="fright">98,864</span></p>
						<p class="mt1p">体检人次:<span class="fright">64,121</span></p>
						<p class="mt1p">就诊人次:<span class="fright">2,896,560</span></p>
						<p class="mt1p">门诊手术例数:<span class="fright">6,374</span></p>
					</div>
					<div class="line"></div>
					<div class="row-fluid area">
						<h4 class="h4 lightblue">住院情况</h4>
						<p class="mt1p">入院例数:<span class="fright">82,690</span></p>
						<p class="mt1p">出院例数:<span class="fright">71,004</span></p>
						<p class="mt1p">出院患者占用总床日:<span class="fright">920,263</span></p>
						<p class="mt1p">住院手术例数:<span class="fright">28,045</span></p>
						<p class="mt1p">出院患者平均住院日:<span class="fright">13</span></p>
						<p class="mt1p">平均每张床位工作日:<span class="fright">381</span></p>
						<p class="mt1p">床位使用率(%):<span class="fright">104,07</span></p>
						<p class="mt1p">床位周转次数:<span class="fright">30</span></p>
					</div>
				</div>
			</div>

			<div class="row-fluid" id="row2">
				<div class="span6">
					<h4 class="h4 lightblue" id="tableTitle1">住院手术科室例数</h4>
					<table class="table custom-table t-head">
						<thead>
							<colgroup>
								<col width="12.5%" />
								<col width="12.5%" />
								<col width="12.5%" />
								<col width="12.5%" />
								<col width="12.5%" />
								<col width="12.5%" />
								<col width="12.5%" />
								<col width="12.5%" />
							</colgroup>
							<tr>
								<td>排名</td>
								<td>手术科室</td>
								<td>手术例数</td>
								<td>同期手术例数</td>
								<td>手术收入</td>
								<td>同期手术例数</td>
								<td>手术费用</td>
								<td>同期手术费用</td>
							</tr>
						</thead>
					</table>
					<div class="t-body" id="tBody1">
						<table class="table custom-table">
							<tbody>
								<colgroup>
									<col width="12.5%" />
									<col width="12.5%" />
									<col width="12.5%" />
									<col width="12.5%" />
									<col width="12.5%" />
									<col width="12.5%" />
									<col width="12.5%" />
									<col width="12.5%" />
								</colgroup>
								<tr>
									<td>1</td>
									<td>44胆石病专科</td>
									<td>243</td>
									<td>187</td>
									<td>2,506,720</td>
									<td>1,790,038</td>
									<td>781,310</td>
									<td>479,520</td>
								</tr>
								<tr>
									<td>2</td>
									<td>04泌尿外科</td>
									<td>219</td>
									<td>197</td>
									<td>1,467,698</td>
									<td>1,310,798</td>
									<td>366,323</td>
									<td>362,200</td>
								</tr>
								<tr>
									<td>3</td>
									<td>43胃肠外科</td>
									<td>210</td>
									<td>167</td>
									<td>2,747,942</td>
									<td>1,742,196</td>
									<td>732,896</td>
									<td>545,572</td>
								</tr>
								<tr>
									<td>4</td>
									<td>08眼科</td>
									<td>177</td>
									<td>153</td>
									<td>1,143,769</td>
									<td>1,168,983</td>
									<td>405,263</td>
									<td>401,552</td>
								</tr>
								<tr>
									<td>5</td>
									<td>06急诊外科</td>
									<td>168</td>
									<td>184</td>
									<td>4,409,131</td>
									<td>4,362,222</td>
									<td>599,496</td>
									<td>617,241</td>
								</tr>
								<tr>
									<td>1</td>
									<td>44胆石病专科</td>
									<td>243</td>
									<td>187</td>
									<td>2,506,720</td>
									<td>1,790,038</td>
									<td>781,310</td>
									<td>479,520</td>
								</tr>
								<tr>
									<td>2</td>
									<td>04泌尿外科</td>
									<td>219</td>
									<td>197</td>
									<td>1,467,698</td>
									<td>1,310,798</td>
									<td>366,323</td>
									<td>362,200</td>
								</tr>
								<tr>
									<td>3</td>
									<td>43胃肠外科</td>
									<td>210</td>
									<td>167</td>
									<td>2,747,942</td>
									<td>1,742,196</td>
									<td>732,896</td>
									<td>545,572</td>
								</tr>
								<tr>
									<td>4</td>
									<td>08眼科</td>
									<td>177</td>
									<td>153</td>
									<td>1,143,769</td>
									<td>1,168,983</td>
									<td>405,263</td>
									<td>401,552</td>
								</tr>
								<tr>
									<td>5</td>
									<td>06急诊外科</td>
									<td>168</td>
									<td>184</td>
									<td>4,409,131</td>
									<td>4,362,222</td>
									<td>599,496</td>
									<td>617,241</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="span6">
					<h4 class="h4 lightblue" id="tableTitle2">各科室核心病种完成统计</h4>
					<table class="table custom-table t-head">
						<thead>
							<colgroup>
								<col width="14.28%" />
								<col width="14.28%" />
								<col width="14.28%" />
								<col width="14.28%" />
								<col width="14.28%" />
								<col width="14.28%" />
								<col width="14.28%" />
							</colgroup>
							<tr>
								<td>序号</td>
								<td>科室</td>
								<td>指标</td>
								<td>完成</td>
								<td>完成比</td>
								<td>年指标</td>
								<td>年完成比</td>
							</tr>
						</thead>
					</table>
					<div class="t-body" id="tBody2">
						<table class="table custom-table">
							<tbody>
								<colgroup>
									<col width="14.28%" />
									<col width="14.28%" />
									<col width="14.28%" />
									<col width="14.28%" />
									<col width="14.28%" />
									<col width="14.28%" />
									<col width="14.28%" />
								</colgroup>
								<tr class="sepical-tr">
									<td>0</td>
									<td>全院</td>
									<td>839</td>
									<td>930</td>
									<td>111%</td>
									<td>10,066</td>
									<td>9%</td>
								</tr>
								<tr>
									<td>1</td>
									<td>消化内科</td>
									<td>100</td>
									<td>167</td>
									<td>168%</td>
									<td>1,196</td>
									<td>14%</td>
								</tr>
								<tr>
									<td>2</td>
									<td>内分泌科</td>
									<td>84</td>
									<td>113</td>
									<td>134%</td>
									<td>1,012</td>
									<td>11%</td>
								</tr>
								<tr>
									<td>3</td>
									<td>心衰专科</td>
									<td>66</td>
									<td>81</td>
									<td>123%</td>
									<td>792</td>
									<td>10%</td>
								</tr>
								<tr>
									<td>4</td>
									<td>肾内科</td>
									<td>71</td>
									<td>87</td>
									<td>122%</td>
									<td>854</td>
									<td>10%</td>
								</tr>
								<tr>
									<td>1</td>
									<td>消化内科</td>
									<td>100</td>
									<td>167</td>
									<td>168%</td>
									<td>1,196</td>
									<td>14%</td>
								</tr>
								<tr>
									<td>2</td>
									<td>内分泌科</td>
									<td>84</td>
									<td>113</td>
									<td>134%</td>
									<td>1,012</td>
									<td>11%</td>
								</tr>
								<tr>
									<td>3</td>
									<td>心衰专科</td>
									<td>66</td>
									<td>81</td>
									<td>123%</td>
									<td>792</td>
									<td>10%</td>
								</tr>
								<tr>
									<td>4</td>
									<td>肾内科</td>
									<td>71</td>
									<td>87</td>
									<td>122%</td>
									<td>854</td>
									<td>10%</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>

			<script src="public/jquery.js"></script>
			<script src="public/echarts.min.js"></script>
			<script src="js/demo1.js"></script>
	</body>

</html>